<template>
    <div>
        <van-nav-bar
        title="付款"
        left-arrow
        @click-left="onClickLeft"
        />
    <div id="inner">
        <p>请选择收获地址<a href=""><van-icon name="arrow" @click="tap()"/></a></p>   
    </div>
     <div id="inner">
        <p>我的优惠券<a href=""><van-icon name="arrow" @click="tap1()"/></a></p>   
    </div>
    <div id="inner">
        <p>支付宝支付<a href=""><van-icon name="circle" /></a></p>   
    </div>
    <div id="inner">
        <p>微信支付<a href=""><van-icon name="circle" /></a></p>   
    </div>
    <div id="inner">
        <p>银行卡支付<a href=""><van-icon name="circle" /></a></p>   
    </div>
    <van-submit-bar
        :price="370900"
        :decimal-length="0"
        slot="default"
        label="实付:"
        button-text="立即付款"
        @submit="onSubmit"
        />
    </div>
</template>

<script>
    export default {
        name:'payment',
         methods: {
            
            onSubmit(){

            },
            onClickLeft() {
                this.$router.push({ path: "/cart" });
                },
            tap(){
                this.$router.push({ path: '/addresslist' })
            },
            tap1(){
                this .$router.push({path:'/coupon'})
            }
        }
    }
</script>

<style scoped>
    #inner{
        height: 20%;
        border-bottom: 1px solid #e6e6e6;
        padding-left:1rem; 
    }
    #inner a{
        float: right;
        padding-right:1rem; 
    }
</style>